h4{
    font-weight: 500;
}
.pre{
    font-size:16px;
}
    .left {
        float: left;
    }
    .right {
        float: right;
    }
    .main{
        font-size:12px;
    }
    ul {
        margin: 0;
        padding: 0;
    }
    li {
        border: 1px solid #F1F1F1;
        list-style: none;
        margin-top: 20px;
        .top {
            padding: 0 10px;
            height: 30px;
            background-color: #F1F1F1;
            border-left: 2px solid #009688;
            span {
                line-height: 30px;
                font-size: 14px;
            }
            span:nth-child(2){
                color:#009688;
            }
           
        }
        .top>.el-button{
            padding:0;
        }
    }
    .footer {
        padding: 5px;
        li {
            border: 1px solid #ccc;
            border-radius: 5px;
            margin: 15px 5px;
            padding:5px;
            display: inline-block;
           
        }
        
            p{
                font-size:16px;
                padding:10px;
                 
            }
            span{
                font-size:16px;
                color:#60BEB5;
                padding:10px;
            }
        
    }
    .el-button--text{
        color:#009688;
    }
    